<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情</title>
    <link rel="shortcut icon" href="./img/logo.jpg" />
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <!-- <link rel="stylesheet" href="./css/login.css"> -->
    <link rel="stylesheet" href="./layui/css/layui.css">
    <link rel="stylesheet" href="./css/detail.css">
</head>

<body>
    <header>
        <div class="header_left">
            <a href="index.html"><img src="./img/logo.jpg" alt=""></a>
            <span class="women">手机</span>
            <span class="men">电脑</span>
            <span class="child">平板</span>
            <span class="infant">智能设备</span>
        </div>
        <div class="header_right">
            <div class="search">
                <input type="text" placeholder="搜索商品">
                <span class="iconfont search_a">&#xe651;</span>

            </div>
            <span class="iconfont">&#xe62f;</span>
            <span class="iconfont">&#xe638;</span>
            <span class="iconfont">&#xe6de;</span>
            <span class="iconfont">&#xe631;</span>

        </div>

    </header>
    <!-- main -->
    <main>
        <!-- 左边商品展示 -->
        <div class="main_left">
            <!-- 放大镜 -->
            <div class="box">
                <div class="middleBox">
                    <img src="" width="400" height="400">
                    <div class="shadow"></div>
                </div>
                <div class="smallBox">
                    <img class="active" src="">
                    <img src="" alt="">
                </div>
                <div class="bigBox"></div>
            </div>
        </div>

        <!-- 右边信息 -->
        <div class="main_right">
            <div class="title">
                <p class="goodsName">请完成登录后查看商品信息</p>
                <span class="goodsBody"></span>
            </div>

            <div class="price">

                售价： <span class="marketPrice"></span>元
                <br>
                市场价：<span class="shopPrice"></span>元

            </div>
            <!-- 更多信息 -->
            <div class="moreDetails">

                <div class="location">
                    <p style="font-size: 16px;display: block;">收货地址: </p>
                   
                    <select name="" id="province">
                    </select>

                    <select name="" id="city">
                    </select>

                    <select name="" id="area">
                    </select>
                    <p style="display:block;color:rgb(255, 89, 0); font-size: 14px;">有货</p>
                </div>
            </div>
            <!-- 购买、加入购物车 -->
            <div class="buy">
                <!-- <a href=""><button class="buyButton">立即购买</button></a> -->
                <a class="addCart"><button class="add">加入购物车</button></a>
                <a href=""><button class="like">喜欢</button></a>
            </div>
        </div>
    </main>
</body>
<script src="./js/common.js"></script>
<!-- <script src="./detail.js"></script> -->
<script src="./layui/layui.js"></script>
<script src="./js/detail.js"></script>
<script src="./"></script>

<script>

</script>

</html>